<template>
    <div>

       <mt-header title="宜染在线">
        
        <mt-button slot="left" ><i class="fa fa-times fa-lg"></i></mt-button>
        
        <mt-button  slot="right"><i class="fa fa-cog fa-lg" ></i></mt-button>

       </mt-header>

        <div class="my-menu">
            <div v-for="menu in menuList" :key="menu.menuId" class="my-menu-item" >
                {{menu.menuName}}
            </div>
        </div> 

    </div>
</template>

<script>
export default {
    name:"SaftyHome",
    data(){
        return {
            menuList:[]
        };
    },
    methods:{

    },
    mounted(){

        this.$axios.get('/safty/home/menu/mobile')
            .then((response)=>{
                this.menuList = response.data;
            })
            .catch((error)=>{

            });

    }
}
</script>

<style scoped>

    .my-menu{
        display: flex;
        flex-direction:row;
        flex-wrap: wrap;
    }

    .my-menu-item{
        box-sizing:border-box;
        width:33.333%;
        height:0.75rem;

        border:1px solid #DDDDDD;
    }



</style>

